import React, { Component } from 'react';
import './../../App.css'
import styleLogin from './Login.module.css'
import PropTypes from 'prop-types';
// console.log(PropTypes)
class LoginView extends Component {
  // 使用类的静态属性关键字来设置默认的props.
  static defaultProps = {
    uheight: 180,
    isMoney: false,
  }
  // es7属性添加，设置静态属性的语法，使用关键字static
  static propTypes = {
    list: PropTypes.array,
    isMoney: PropTypes.bool,// 不能写boolean,
    uheight: PropTypes.number,
    info: PropTypes.object
  }
  render() {
    console.log(this.props)
    return (
      <div className={styleLogin['bg-pink'] + " " + styleLogin.borderTop} >
        <h1 className='text-red'>login</h1>
        <p id={styleLogin['text-green']}>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam qui nulla molestiae praesentium ad, dolorem tenetur itaque incidunt perferendis officia.</p>

      </div>
    );
  }
}
//语法1： 默认props的值：

// LoginView.defaultProps = {
//   uheight: 180,
//   isMoney: false,
// }


// 类型验证：
// LoginView.propTypes = {
//   list: PropTypes.array,
//   isMoney: PropTypes.bool,// 不能写boolean,
//   uheight: PropTypes.number,
//   info: PropTypes.object
// }

export default LoginView;

// 函数组件的props:
function Login({ list, isMoney = false, uheight = 180, info }) {

  console.log(list, isMoney, uheight, info)
  return (
    <div>LOGIN</div>
  )
}
// 函数组件的props类型验证的语法
Login.propTypes = {
  list: PropTypes.array,
  isMoney: PropTypes.bool,// 不能写boolean,
  uheight: PropTypes.number,
  info: PropTypes.object
}
